/**
 * @component el-slider-pro
 */
:root {
  --el-slider-background: var(--el-bg-color-secondarycomponent);
  --el-slider-background-current: var(--el-brand-color);
  --el-slider-text: var(--el-text-color-primary);
  --el-slider-control-bar-background: #fff;
  --el-slider-control-bar-border: var(--el-brand-color);
  --el-slider-background-hover: var(--el-bg-color-secondarycomponent-hover);
  --el-slider-control-bar-background-hover: var(--el-gray-color-1);
  --el-slider-background-disabled: var(--el-bg-color-component-disabled);
  --el-slider-background-current-disabled: var(--el-brand-color-disabled);
  --el-slider-control-bar-border-disabled: var(--el-brand-color-disabled);
  --el-slider-text-disabled: var(--el-text-color-disabled);
  --el-slider-shadow: var(--el-shadow-1);
  --el-slider-input-shadow: 0 0 0px 2px var(--el-brand-color-focus);
  --el-slider-center-line-background: rgba(0, 0, 0, 0.9);
  --el-slider-input-width: 80px;
  --el-slider-row-input-width: 120px;
  --el-slider-rail-track-step-size: var(--el-size-2);
  --el-slider-height: calc(var(--el-comp-paddingTB-xs) * 2 + var(--el-slider-rail-track-step-size));
  --el-slider-control-bar-size: var(--el-comp-size-xxxs);
  --el-slider-vertical-height: 100%;
  --el-slider-vertical-mark-width: 18px;
  --el-slider-stop-width: 1px;
  --el-slider-stop-height: var(--el-size-2);
  --el-slider-center-line-width: var(--el-size-4);
  --el-slider-center-line-height: 1px;
  --el-slider-input-margin-left: var(--el-comp-margin-xxl);
  --el-slider-input-vertical-padding-top: var(--el-comp-paddingTB-l);
  --el-slider-input-vertical-margin-left: 0px;
  --el-slider-padding: var(--el-comp-paddingTB-xs) 0;
  --el-slider-vertical-padding: 0;
  --el-slider-vertical-handle-margin-top: -6px;
  --el-slider-vertical-handle-margin-left: -5px;
  --el-slider-vertical-text-margin-top: 0;
  --el-slider-vertical-text-margin-left: var(--el-comp-margin-xxs);
  --el-slider-center-line-margin: 0 var(--el-comp-margin-s);
  --el-slider-text-font: var(--el-font-body-small);
  --el-slider-border-radius: var(--el-radius-round);
  --el-slider-text-top: calc(var(--el-slider-rail-track-step-size) + var(--el-comp-paddingTB-xs) + 2px);
}
